<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      input, button { width: 16em; }
      .left { text-align: left; }
      .right { text-align: right; }
      .center { text-align: center; }
    </style>
  </head>
  <body>
    <div>
      <input type="button" value="input" class="left">
    </div>
    <div>
      <button class="left">button</button>
    </div>
    <div>
      <input type="button" value="input" class="right">
    </div>
    <div>
      <button class="right">button</button>
    </div>
    <div>
      <input type="button" value="input" class="center">
    </div>
    <div>
      <button class="center">button</button>
    </div>
  </body>
</html>
